<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>期中作业</title>
		<link rel="stylesheet" href="css/style.css">
	</head>

	<body>
		<div class="head_page">
			<div class="head">
				<img src="http://www.infinistudio.cn/Public/home/images/title2.png" alt class="logo">
				<div class="head_page_box">
					<div class="head_page_word">
						<a>HOME</a>
						<a style="margin-left:11%">WORK</a>
						<a style="margin-left:11%">CONTACT</a>
						<a style="margin-left:11%">JOIN US</a>
					</div>
				</div>
			</div>
		</div>
		<div class="center">
			<img class="banner_img" src="img/banner_main.jpg" alt="banner" />
		</div>
		<div>
			<hr>
			<p class="p_style">INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。</p>
			<hr style="margin-top:2%">
		</div>
		<div class="wrap">
			<div class="icon">
				<span>
					<img class="icon_style" src="img/NteEase_Games.jpg" alt="网易游戏">
				</span>
				<span>
					<img class="icon_style" src="img/perfect_world.jpg" alt="完美世界">
				</span>
				<span>
					<img class="icon_style" src="img/Chian_Minsheng_bank.jpg" alt="中国民生银行">
				</span>
				<span>
					<img class="icon_style" src="img/Headline_Headline.jpg" alt="今日头条">
				</span>
				<span>
					<img class="icon_style" src="img/OPPO.jpg" alt="OPPO">
				</span>
				<span>
					<img class="icon_style" src="img/QQ.jpg" alt="QQ">
				</span>
				<span>
					<img class="icon_style" src="img/youku.jpg" alt="优酷">
				</span>
				<span>
					<img class="icon_style" src="img/UC_Browser.jpg" alt="UC浏览器">
				</span>
				<span>
					<img class="icon_style" src="img/lianjia.jpg" alt="链家">
				</span>
				<span>
					<img class="icon_style" src="img/Tik_Tok.jpg" alt="抖音">
				</span>
				<span>
					<img class="icon_style" src="img/Alibaba.jpg" alt="阿里巴巴">
				</span>
				<span>
					<img class="icon_style" src="img/HUAWEI.jpg" alt="华为">
				</span>
				<span>
					<img class="icon_style" src="img/douban.jpg" alt="豆瓣">
				</span>
				<span>
					<img class="icon_style" src="img/Stairs.jpg" alt="图标1">
				</span>
			</div>
			<div class="content">
				<div class="con">
					<img src="img/Tmall.jpg" alt="天猫">
					<p>天猫——团圆节</p>
				</div>
				<div class="con">
					<img src="img/rain.jpg" alt="雨">
					<p>雨中相遇</p>
				</div>
				<div class="con">
					<img src="img/TopBuzz.jpg" alt="TopBuzz">
					<p>人生百态</p>
				</div>
				<div class="con">
					<img src="img/Tencent_videos.jpg" alt="腾讯视频">
					<p>腾讯视频</p>
				</div>
				<div class="con">
					<img src="img/Lion_Dance.jpg" alt="舞狮">
					<p>大吉大利</p>
				</div>
				<div class="con">
					<img src="img/Midea.jpg" alt="美的">
					<p>美的——我从哪里来</p>
				</div>
				<div class="con">
					<img src="img/Train_tickets.jpg" alt="旅程">
					<p>旅程路上</p>
				</div>
				<div class="con">
					<img src="img/Tencent_WiFi_steward.jpg" alt="t腾讯WiFi管家">
					<p>腾讯WiFi管家</p>
				</div>
				<div class="con">
					<img src="img/deer.jpg" alt="麋鹿">
					<p>七彩麋鹿</p>
				</div>
			</div>
			<div class="footer">
				<div class="footer_left">
					<div class="footer_left_icon">
						<div class="footer_left_icon_1">
							<img src="img/DIGITALING.jpg" alt="数英">
						</div>
						<div class="footer_left_icon_1">
							<img src="img/ZCOOL.jpg" alt="站酷">
						</div>
						<div class="footer_left_icon_1">
							<img src="img/microblogging.jpg" alt="微博">
						</div>
					</div>
				</div>
				<div class="footer_right">
					<div class="contact">
						<div class="contact_logo">
							<img src="./img/footer_logo.jpg" alt="映纷创意">
						</div>
						<p>INFINI|映纷创意</p>
						<p>北京市朝阳区懋隆创意园</p>
						<p>TEL:010-85394331</p>
						<p>QQ:7585917</p>
						<p>Email:infinistudio@foxmail.com</p>
						<p>weibo:@InfiniStudio</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
